//this is open menu click
//这里控制header的focus属性
.ui.menu {
  background-color: rgba(64, 73, 98, 1);
  height: 50px;
  a.item {
    &:hover {
      color: #fff;
      background-color: #5cb9ff;
    }
    color: #fff;
  }
}

.ui.menu .active.item {
  &:hover {
    color: #fff;
    border-bottom: 3px solid #5CB9FF;
    background-color: #353C52;
  }
  color: #fff;
  border-bottom: 3px solid #5CB9FF;
  background-color: #353C52;
}

//this manage resoures html
//这是manage resources html 的样式控制
.manage-resources {
  height: 100%;
  .content-right {
    height: 100%;
    background-color: #fff;
    width: 80%;
    float: left;
    padding: 20px;
    .envi-table {
      > div {
        > table {
          width: 100% !important;
        }
      }
    }
    .fixed-table-container {
      width: 100% !important;
    }

    .container-page {
      width: 100% !important;
    }

    .image-page {
      min-height: 420px;
      font-size: 20px;
      font-weight: 500;
      .margin-css{
        margin-bottom: 10px;
      }
    }

  }
  .content-left {
    width: 20%;
    height: 100%;
    background-color: #f8f8f8;
    float: left;
    ul {
      list-style-type: none;
      padding: 0;
    }

    a {
      color: #5cb9ff;
      text-decoration: none;
    }

    /** =======================
     * Contenedor Principal
     ===========================*/
    h1 {
      color: #FFF;
      font-size: 24px;
      font-weight: 400;
      text-align: center;
      margin-top: 80px;
    }

    h1 a {
      color: #c12c42;
      font-size: 16px;
    }

    .accordion {
      width: 100%;
      background: #FFF;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 4px;
    }

    .accordion .link {
      cursor: pointer;
      display: block;
      padding: 15px 15px 15px 42px;
      color: #4D4D4D;
      font-size: 14px;
      font-weight: 700;
      border-bottom: 1px solid #CCC;
      position: relative;
      -webkit-transition: all 0.4s ease;
      -o-transition: all 0.4s ease;
      transition: all 0.4s ease;
    }

    .accordion li:last-child .link {
      border-bottom: 0;
    }

    .accordion li i {
      position: absolute;
      top: 16px;
      left: 12px;
      font-size: 18px;
      color: #595959;
      -webkit-transition: all 0.4s ease;
      -o-transition: all 0.4s ease;
      transition: all 0.4s ease;
    }

    .accordion li i.fa-chevron-down {
      right: 12px;
      left: auto;
      font-size: 16px;
    }

    .accordion li.open .link {
      color: #5cb9ff;
    }

    .accordion li.open i {
      color: #5cb9ff;
    }
    .accordion li.open i.fa-chevron-down {
      -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      transform: rotate(180deg);
    }

    /**
     * Submenu
     -----------------------------*/
    .submenu {
      display: none;
      background: #444359;
      font-size: 14px;
    }

    .submenu li {
      border-bottom: 1px solid #4b4a5e;
    }

    .submenu a {
      display: block;
      text-decoration: none;
      color: #d9d9d9;
      padding: 12px;
      padding-left: 42px;
      -webkit-transition: all 0.25s ease;
      -o-transition: all 0.25s ease;
      transition: all 0.25s ease;
    }

    //.submenu a:hover {
    //  background: #5cb9ff;
    //  color: #FFF;
    //}
    .submenu a:focus {
      background: #5cb9ff;
      color: #FFF;
    }
  }
}

//this is project select html
//这是project select html 的样式
.project-select {

}

//this is work flow html
//这是work flow html 的样式
.work-flow {
  height: 100%;
}

//this is data show html
//这是data show html 的样式
.data-show {

}

//this is product list html
//这是product list html 的样式
.product-list {

}

